<template>
  <div class="launch-product">
    <div class="find">
          <h2>找不到想要的产品？</h2>
          <h3>发布你想要的产品需求，或者委托找包装网平台为您开发</h3>
          <div class="link-btn">
            <router-link to="/require">发布需求</router-link>
            <router-link to="/official" class="btn2">委托平台</router-link>
          </div>
    </div>
  </div>
</template>

<script>
export default {
  name:'LaunchProduct'
}
</script>

<style scoped>
.find{
  width: 100%;
  height:287px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: url('../../assets/images/needbg.png') no-repeat;
  background-size: 100% 100%;
  background-position: center;
}
.find h2{
  color: #4D4D4D;
  font-size:24px;
}
.find h3{
  color: #4D4D4D;
  font-size:18px;
  margin-top: 20px;
}
.find .link-btn{
  font-size:16px;
  margin-top: 32px;
  overflow: hidden;
}
.find .link-btn a{
	display: inline-block;
  padding: 12px 86px;
  border-radius:10px;
  margin:0 21px;
  color: #fff;
  background: #E48B2C;
}
.find .link-btn a:hover{
  opacity: 0.6;
}
.find .link-btn a.btn2{
  background: #0085e8;
}
</style>
